﻿body {
    font-family: "Arial", sans-serif;
    margin: 0em;
    min-width: 16em;
    /* max-width: 480px; */
}

a:link, a:visited {color: #660066; text-decoration: underline;}
a:hover   {color: #F00; text-decoration: underline;}

.online, a.online {font-weight: bold; color: #00aa00;}
.offline {font-weight: bold; color: #ee3c1f;}

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.commonbox 
{
    padding: 0.2em;
    border: 1px solid #e9e9e9;
    background-color: #F7F7F7;
    display: block;
}

.headerbox {
    border: 1px solid #47688E;
    text-align: center;
    padding: 0.2em;
    background-color: #47688E;
    color: #f7f7f7;
    font-weight: 700;
}

.headerbox a {
    color: #f7f7f7;
}

.panelbox {
    border: 1px solid #B9C4DA;
    padding: 0.4em;
    background-color: #E4E8ED;
    color: #4C6B8F;
}

.footerbox {
    border: 1px solid #B9C4DA;
    text-align: center;
    padding: 0.1em;
    background-color: #E4E8ED;
    color: #4C6B8F;
    font-weight: bold;
}

.footerbox a {
    color: #4C6B8F;
    display: inline;
}

/* element block (like commonbox but for center elements) */
.elb {
    border: 1px solid #e9e9e9;
    /* background-color: #F7F7F7; */
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    padding: 0em;
}

.elbcap {
    padding: 0.2em 0.4em 0.2em 0.4em;
    font-weight: bold;
    background-color: #D3DBE3;
    border: 1px solid #D3DBE3;
}

.elbcont {
    padding: 0.2em 0.4em 0.2em 0.4em;
}


/* страницы внизу, добавлять margin-left float:left */
.paging {
    border: 1px solid #e9e9e9;
    background-color: #F7F7F7;
}

.paging a {
    display: block;
    text-align: center;
    padding: 0.4em;
    color: #4C6B8F;
}

.menuitem 
{
    border: 1px solid #e9e9e9;
    text-align: center;
    margin: 0.2em 0em 0.2em 0em;
}

.menuitem a
{
    padding: 0.5em 0.2em 0.5em 0.2em; /* moved from menuitem */
    display: block;
    color: #b90e0e;
}

.menuitem span
{
    padding: 0.5em 0.2em 0.5em 0.2em; /* moved from menuitem */
    display: block;
}

.container 
{
    margin: 0.3em 0.2em 0.3em 0.2em;
    padding: 0.2em;
}

.infobox {
    border: 1px solid #fed22f;
    text-align: center;
    padding: 0.5em 0.2em 0.5em 0.2em;
    margin: 0.2em;
    background-color: #fffae0;
}

.infotext 
{
    padding: 0.2em;
    margin: 0.4em 0.2em 0.4em 0.2em;
    border: 1px solid #eeeeee;
    display: block;
}

#header
{
    /* min-width: 14em;
    max-width: 17em; */
}

#main
{
    /* min-width: 14em;
    max-width: 17em; */
}

#footer
{
    /* min-width: 14em;
    max-width: 17em; */
}

.inactive
{
    border: 1px solid #AAAAAA;
    text-align: center;
    margin: 0.2em 0em 0.2em 0em;
    color: Gray;
}

.vote_button {
	display:inline-block;
	text-align:center;
	height:17px;
	width:17px;
	background-color:#F4F4F2;
	text-decoration:none;
	line-height:17px;
	font-size:14px;
	color:#a4a4a4;
	border:1px solid #E0E0E0;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	font-weight:bold;
	font-family:Tahoma, sans-serif;
}

a.vote_button {
    color:#a4a4a4;
    text-decoration: none;
}

a.vote_button:hover {
    color: #848484;
    text-decoration: none;
}
